<template>
  <div>
    我是子组件
    <ul v-for="item in msg" :key="item.id" class="box">
      <li>我的名字是{{ item.uname }}</li>
      <li>我的姓是{{ item.famliyName }}</li>
      <li>我的年龄是{{ item.age }}</li>
      <li>我的职业是{{ item.profess }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'SonComponent',
  props: ['msg'],
  data() {
    return {}
  },
  methods: {},
}
</script>

<style scoped>
.box {
  width: 230px;
  height: 110px;
  border: 3px solid #333;
  background-color: rgb(255, 237, 240);
}
</style>
